<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<title>商户管理控制台</title>
		<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/identify.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/layout.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/account.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/control_index.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css"> 
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/haidao.offcial.general.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/select.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/haidao.validate.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script> 
		 <script type="text/javascript" src="${pageContext.request.contextPath}/js/sale.js"></script>
		  <script type="text/javascript" src="${pageContext.request.contextPath}/js/md5.js"></script>
	</head>

	<body >



      <div class="view-topbar">
			<div class="topbar-console">
				<div class="tobar-head fl">
					<a href="#" class="topbar-logo fl">
					<span><img src="${pageContext.request.contextPath}/images/logo.png" width="20" height="20"/></span>
					</a>
					<a href="${pageContext.request.contextPath}/pages/index.jsp" class="topbar-home-link topbar-btn text-center fl"><span>商户管理控制台</span></a>
				</div>
			</div>
			<div class="topbar-info">
				<ul class="fr">
					<li class="fl topbar-info-item">
					<div class="dropdown">
						<a href="#" class="topbar-btn">
						<span class="fl text-normal">商户名称</span>
						<span class="icon-arrow-down"></span>
						</a>
						<ul class="dropdown-menu">
							<li><li><a href="${pageContext.request.contextPath}/saleAccount/logout">注销</a></li>
						</ul>
					</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="view-body">
			<div class="view-sidebar">
				<div class="sidebar-content">
					<div class="sidebar-nav">
						<div class="sidebar-title">
							<a href="#">
								<span class="icon"><b class="fl icon-arrow-down"></b></span>
								<span class="text-normal">权限申请</span>
							</a>
						</div>
						<ul class="sidebar-trans">
						<li>
							<a href="${pageContext.request.contextPath}/sale/infoShow">
								<b class="sidebar-icon"><img src="${pageContext.request.contextPath}/images/icon_message.png" width="16" height="16" /></b>
								<span class="text-normal">申请入驻</span>
							</a>
						</li>
						</ul>
					</div>
					<div class="sidebar-nav">
						<div class="sidebar-title">
							<a href="#">
								<span class="icon"><b class="fl icon-arrow-down"></b></span>
								<span class="text-normal">商品中心</span>
							</a>
						</div>
						<ul class="sidebar-trans">
							<li>
								<a href="${pageContext.request.contextPath}/goods/goods">
									<b class="sidebar-icon"><img src="${pageContext.request.contextPath}/images/icon_author.png" width="16" height="16" /></b>
									<span class="text-normal">商品管理</span>
								</a>
							</li>
						<ul class="sidebar-trans">
							<li>
								<a href="${pageContext.request.contextPath}/goods/toAdd">
									<b class="sidebar-icon"><img src="${pageContext.request.contextPath}/images/icon_author.png" width="16" height="16" /></b>
									<span class="text-normal">商品添加</span>
								</a>
							</li>
							
						</ul>
					</div>
					<div class="sidebar-nav">
						<div class="sidebar-title">
							<a href="#">
								<span class="icon"><b class="fl icon-arrow-down"></b></span>
								<span class="text-normal">个人中心</span>
							</a>
						</div>
						<ul class="sidebar-trans">
						<li>
							<a href="${pageContext.request.contextPath}/saleInfo/getSaleInfo">
								<b class="sidebar-icon"><img src="${pageContext.request.contextPath}/images/icon_order.png" width="16" height="16" /></b>
								<span class="text-normal">个人信息</span>
							</a>
						</li>
						
						</ul>
					</div>
					<div class="sidebar-nav">
						<div class="sidebar-title">
							<a href="#">
								<span class="icon"><b class="fl icon-arrow-down"></b></span>
								<span class="text-normal">子账号中心</span>
							</a>
						</div>
						<ul class="sidebar-trans">
						<li>
							<a href="${pageContext.request.contextPath}/babyAccount/newQuery">
								<b class="sidebar-icon"><img src="${pageContext.request.contextPath}/images/icon_cost.png" width="16" height="16" /></b>
								<span class="text-normal">子账号查询</span>
							</a>
						</li>
						<li>
							<a href="${pageContext.request.contextPath}/babyAccount/toAdd">
								<b class="sidebar-icon"><img src="${pageContext.request.contextPath}/images/icon_cost.png" width="16" height="16" /></b>
								<span class="text-normal">子账号添加</span>
							</a>
						</li>
						</ul>
					</div>
					<div class="sidebar-nav">
						<div class="sidebar-title">
							<a href="#">
								<span class="icon"><b class="fl icon-arrow-down"></b></span>
								<span class="text-normal">订单管理</span>
							</a>
						</div>
						<ul class="sidebar-trans">
						<li>
							<a href="${pageContext.request.contextPath}/saleOrder/saleOrderList">
								<b class="sidebar-icon"><img src="${pageContext.request.contextPath}/images/icon_gold.png" width="16" height="16" /></b>
								<span class="text-normal">订单查询</span>
							</a>
						</li>
						</ul>
					</div>
				</div>
			</div>
 
			<div class="view-product">
				<div class="manage account-manage">
			
	<div class="tabbable" id="tabs-306428"><!-- Only required for left/right tabs -->
		<ul class="nav nav-tabs">
			<li class="active"><a contenteditable="false" data-toggle="tab" href="#salerInfo">商户信息</a></li>
			<li ><a contenteditable="false" data-toggle="tab" href="#manaInfo">信息维护</a></li>
			<li ><a contenteditable="false" data-toggle="tab" href="#modifyPW">修改密码</a></li>
			
		</ul>

		<div class="tab-content" style="width:800px;">
			<!--显示基本信息与详细信息-->
			<div class="tab-pane active" contenteditable="false" id="salerInfo" >
				
				<table class="table" contenteditable="false">
					<tr>
					<td><p contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;基本信息</p></td>
					</tr>
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编号：</td>
						<td><input id="saleIdInfo" type="hidden" >${requestScope.saleAccount.id}</td>
						<td></td>
					</tr>
					<tr>
						<td  contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;账号：</td>
						<td><input id="saleNameInfo" type="hidden" >${requestScope.saleAccount.saleAccount}</td>
						<td></td>
					</tr>
					<tr>
					
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;昵称：</td>
						<td><input id="saleNicknameInfo" type="hidden" >${requestScope.saleAccount.nickname}</td>
						<td></td>
					</tr>
		
					<tr>
						<td><p contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;详细信息</p></td>
						<td></td>
					</tr>
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真实姓名：</td>
						<td><input id="saleDetailrealnameInfo" type="hidden" >${requestScope.resultSaleDetails.realname}</td>
						<td></td>
					</tr>
					<tr>
						
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别：</td>
						<td><input id="saleDetailGenderInfo" type="hidden" >
							<select class="form-control" style="width:80px;" name="saleDetailGenderInfo" id="saleDetailGenderInfo">
								<option value="1" ${requestScope.resultSaleDetails.gender == '1' ? 'selected' : ''}>男</option>
								<option value="0" ${requestScope.resultSaleDetails == '0' ? 'selected' : ''}>女</option>
							</select>
						</td>
						<td></td>

					</tr>
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地址：</td>
						<td><input id="saleDetailNameInfo" type="hidden" >${requestScope.resultSaleDetails.address}</td>
						<td></td>
					</tr>
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：</td>
						<td><input id="saleDetailPhoneInfo" type="hidden" >${requestScope.resultSaleDetails.phone}</td>
						<td></td>
					</tr>
					<tr>
					<td><p contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注册信息</p></td>
					</tr>						
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证件类型：</td>
						<td><input id="cardTypeInfo" type="hidden" >${requestScope.resultSettleinfo.cardType}</td>
						<td></td>
					</tr>
					<tr>
						
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证件编号：</td>
						<td><input id="saleIdCardInfo" type="hidden" >${requestScope.resultSettleinfo.saleIdcard}
						</td>
						<td></td>

					</tr>
					<tr>
						
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;店铺名：</td>
						<td><input id="storeNameInfo" type="hidden" >${requestScope.resultSettleinfo.storeName}
						</td>
						<td></td>

					</tr>
					
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单位所在地：</td>
						<td><input id="districtInfo" type="hidden" >${requestScope.resultSettleinfo.district}</td>
						<td></td>
					</tr>
				
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营范围：</td>
						<td><input id="saleTypeInfo" type="hidden" >${requestScope.resultSettleinfo.saleType}</td>
						<td></td>
					</tr>
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;申请状态：</td>
						<td><input id="stateInfo" type="hidden" >${requestScope.resultSettleinfo.state}</td>
						<td></td>
					</tr>
					<tr>
						<td contenteditable="false">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;备注：</td>
						<td><input id="remarkInfo" type="hidden" >${requestScope.resultSettleinfo.remark}</td>
						<td></td>
					</tr>
				</table>
				<hr>
		</div>
		<!---->
			<!--信息管理界面，修改账号信息-->
		<div class="tab-pane" contenteditable="false" id="manaInfo">
			<form >
				<br>
				<table class="table" style="width:800px;">
					<tr>
						<td contenteditable="false">编号：</td>
						<td><input id="saleIdMana" type="text" class="form-control" style="width:210px;" value='${requestScope.saleAccount.id}'  readonly>
							
						</td>
						<td></td>
					</tr>
					<tr>
						
						<td contenteditable="false">账号：</td> 
						<td><input id="saleNameMana" type="text" class="form-control" style="width:210px;" value='${requestScope.saleAccount.saleAccount}' readonly>
							
						</td contenteditable="false">
						<!--  <td><span id="uCheck" style="color: red"></span>由字母、数字或“_”组成，长度不少于6位，不多于30位</td> -->
						
					</tr>
					
						
					<tr>
						<td contenteditable="false">昵称：</td>
						<td><input id="saleDetailNicknameMana" type="text" class="form-control" style="width:210px;" value='${requestScope.saleAccount.nickname}'></td>
						<td></td>
					</tr>
					
					<tr>
						
						<td contenteditable="false">真实姓名：</td>
						<td><input id="saleDetailrealnameMana" type="text" class="form-control"style="width:210px;" value='${requestScope.resultSaleDetails.realname}'>
						</td>
						<td></td>
					</tr>
					<tr>
						<td contenteditable="false">性别：</td>
						<td>
							<select class="form-control" style="width:210px;" name="saleDetailGenderMana" id="saleDetailGenderMana">
								<option value="1" ${requestScope.resultSaleDetails.gender == '1' ? 'selected' : ''}>男</option>
								<option value="0" ${requestScope.resultSaleDetails.gender == '0' ? 'selected' : ''}>女</option>
							</select>
						</td>
						<td></td>
					</tr>
					<tr>
	
						<td contenteditable="false">地址：</td>
						<td><input id="saleDetailAddsressMana" type="text" class="form-control" style="width:210px;" value='${requestScope.resultSaleDetails.address}' ></td>
					</tr>
					<tr>
	
						<td contenteditable="false">联系电话：</td>
						<td><input id="saleDetailPhoneMana" type="text" class="form-control" style="width:210px;" value='${requestScope.resultSaleDetails.phone}' >
							</td>
							<td><span id="len" style="color: red" contenteditable="false"></span>按手机号格式</td>
						
					</tr>
					<tr>
						
						<td contenteditable="false"><input id="resetInfoButn" class="btn btn-default" style="background-color:#F6903B;"  type="button" value="取消"></td>
						<td contenteditable="false"><input id="modifyInfoButn" class="btn btn-default" style="background-color:#F6903B;"  type="button" value="修改"></td>
					</tr>
					
				</table>
				<hr>
			</form>
		</div>
			<!--修改密码界面-->
		<div class="tab-pane" contenteditable="false" id="modifyPW">
			<form>
				<br>
				<table class="table" style="width:800px;">
					<tr>
						
						<td contenteditable="false">原始密码：</td>
						<td>
							<input id="oldPW" type="text" class="form-control" style="width:210px;" value=""></input>
							<span id="psw1" style="color: red" contenteditable="false"></span>
						</td>
					</tr>
					<tr>
						
						<td contenteditable="false">新密码：</td>
						<td>
							<input id="newPW" type="text" class="form-control" style="width:210px;">
							<span id="psw2" style="color: red" contenteditable="false"></span>
						</td contenteditable="false">
					</tr>
					<tr>
				
						<td>确认密码：</td>
						<td>
							<input id="checkPW" type="text" class="form-control" style="width:210px;" >
							<span id="psw3" style="color: red" contenteditable="false"></span>
						</td>
					</tr>
					<tr>
						<td contenteditable="false"><input id="resetPWButn" class="btn btn-default" style="background-color:#F6903B;" type="button" value="取消"></td>
						<td contenteditable="false"><input id="modifyPWButn"  class="btn btn-default" style="background-color:#F6903B;"  type="button" value="提交修改"></td>
					</tr>

				</table>
				<hr>
			</form>
		</div>
		
	</div>
	</div>
	</div>
	 <script>
			$(".sidebar-title").live('click', function() {
				if ($(this).parent(".sidebar-nav").hasClass("sidebar-nav-fold")) {
					$(this).next().slideDown(200);
					$(this).parent(".sidebar-nav").removeClass("sidebar-nav-fold");
				} else {
					$(this).next().slideUp(200);
					$(this).parent(".sidebar-nav").addClass("sidebar-nav-fold");
				}
			});
		</script>	
	</body>
</html>